<template>
	<view class="p-30">
		<view class="fr-s-s" v-for="(item,index) in list" :key="index">
			<view class="fl-s-c">
				<image v-if="index!=list.length-1" style="width: 28rpx; height: 28rpx;" :src="$path + '/tab3/s1.png'" mode=""></image>
				<image v-else style="width: 28rpx; height: 28rpx;" :src="$path + '/tab3/s2.png'" mode=""></image>
				<view class="col-line" v-if="index!=list.length-1"></view>
			</view>
			<view class="fl-s-s m-l-25 flex-1">
				<view class="fr-s-c">
					<text class="fs-28 bold" :class="index==list.length-1?'c-77':'c-33'">{{item.title}}</text>
					<text class="c-99 fs-20 m-l-15">{{item.time}}</text>
				</view>
				<text class="m-t-15 c-99 fs-24 u-line-3">{{item.maker}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				sn:'',
				list:[]
			}
		},
		onLoad(o) {
			this.sn = o.sn;
			this.getlist()
		},
		methods: {
			getlist(){
				uni.$post({
					url:"/api/Ordersystem/Ordertimestatus",
					data:{
						ordersn:this.sn
					}
				}).then(res=>{
					res.data.reverse()
					this.list = res.data;
				})
			}
		}
	}
</script>

<style>
.col-line{
	width: 0rpx;
	height: 122rpx;
	border: 2rpx solid #CFE6E3;
}
</style>
